﻿#bi_content {
  width: 100%;
  height: 100%;
  // 上部显示名称和按钮
  .bi_content_top {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #c3c3c3;
    .bi_content_top_title {
      float: left;
      height: 30px;
      .bi_content_top_title_icon {
        float: left;
        width: 40px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        i {
          color: #000;
          font-size: 26px;
        }
        &:hvoer {
          i {
            color: #425582;
          }
        }
      }
      .bi_content_top_title_border {
        float: left;
        width: 1px;
        border-left: 1px solid #c3c3c3;
        height: 40px;
        margin: 0 20px 0 9px;
      }
      .bi_content_top_title_label {
        float: left;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
      }
    }
    .bi_content_top_btns {
      float: right;
      height: 30px;
    }
  }
  .bi_main {
    width: 100%;
    height: calc(100% - 40px);
    max-height: 754px;
    overflow: hidden;
    // 左边
    .bi_main_left {
      float: left;
      width: 50px;
      height: 100%;
      border-right: 1px solid #c3c3c3;
      .bi_main_left_icon {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        &::-webkit-scrollbar{
          width: 8px;
          height: 4px;
        }
        &::-webkit-scrollbar-track{
          border-radius: 2px;
        }
        &::-webkit-scrollbar-thumb{
          border-radius: 8px;
        }
        li {
          width: 100%;
          height: 60px;
          line-height: 60px;
          text-align: center;
          cursor: pointer;
          i {
            font-size: 28px;
            color: #333;
          }
          &:hover {
            i {
              color: #425582;
            }
          }
        }
      }
    }
    // 右边
    .bi_configContent {
      float: right;
      width: 280px;
      height: 100%;
      overflow: hidden;
      &>.el-tabs {
        height: 100%;
        overflow: hidden;
        .el-tabs__content {
          width: 100%;
          height: calc(100% - 55px);
          overflow: hidden;
          overflow-y: auto;
          &::-webkit-scrollbar{
            width: 8px;
            height: 4px;
          }
          &::-webkit-scrollbar-track{
            border-radius: 2px;
          }
          &::-webkit-scrollbar-thumb{
            border-radius: 8px;
          }
        }
      }
    }
    // 中间区域
    .bi_settings {
      margin: 0 280px 0 50px;
      height: 100%;
      overflow-y: auto;
      &::-webkit-scrollbar{
        width: 8px;
        height: 4px;
      }
      &::-webkit-scrollbar-track{
        border-radius: 2px;
      }
      &::-webkit-scrollbar-thumb{
        border-radius: 8px;
      }
      .bi_settings_main {
        height: 100%;
        width: 100%;
      }
    }
  }
}
